<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>个人,积分   积分商城右上角的头像图标点进来</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.bian-bg {
	background: -ms-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -moz-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -o-linear-gradient(left,  #3E9BE1, #0CEEED);
	height: 200px;
}
body,.mui-content{
	background: white;
}
.containers{
	height: 450px;
	position: relative;
}
.info-container{
	position: absolute;
	width: 90%;
	margin-left: 5%;
	border-radius: 10px;
	border-bottom: 1px solid #f0f0f0;
	height: 80%;
	background: rgba(245,245,245,0.5);
	bottom: 0px;
}
.head-container{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px auto;
	margin-top: -50px;
}
.da{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 50px;
}
.maginLeft30{
	margin-left: 20%;
}
.magin-1{
	margin-top: 5%;
}
		</style>
	</head>
	<body>		
		
		<div class="mui-content">
		    
		    <div class="containers">
		    	<div class="bian-bg">
		    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;margin: 15px;"></a>	
		    	</div>
		    	<div class="info-container">
		    		<div class="head-container">
		    			<img src="../img/bg-01.png" class="fill-h fill-w" />
		    		</div>
		    		
		    		<div class="text-center" style="font-size: 2.0rem;">
		    			事
		    		</div>
		    		
		    		
		    		<div class="maginLeft30 magin-1">
		    			手机号: <span>18711151201</span>
		    		</div>
		    		<div class="flex v-center maginLeft30"style="margin-top: 10px;">
		    			积分:
		    			<img style="width:20px;" src="../img/star-y.png"/>
		    			<img style="width:20px;" src="../img/star-y.png"/>
		    			<img style="width:20px;" src="../img/star-y.png"/>
		    		</div>
		    		
		    	
		    	</div>
		    </div>
		    
		    
		    
		    
		    
		</div>
		<script type="text/javascript" src="../js/mui.min.js" ></script>
	</body>
</html>